@use 'sass:list';
@use './utils.scss' as *;

html,
body {
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
  background: url('@/assets/images/bg.png');
  background-size: 100% 100%;
}
#app {
  height: 100%;
}

.el-icon {
  vertical-align: middle;
}

$sizes: 4, 8, 12, 16, 20, 24;
@each $size in $sizes {
  .pt-#{$size} {
    padding-top: #{vw($size)};
  }
  .pb-#{$size} {
    padding-bottom: #{vw($size)};
  }
  .pl-#{$size} {
    padding-left: #{vw($size)};
  }
  .pr-#{$size} {
    padding-right: #{vw($size)};
  }
  .mt-#{$size} {
    margin-top: #{vw($size)};
  }
  .mb-#{$size} {
    margin-bottom: #{vw($size)};
  }
  .ml-#{$size} {
    margin-left: #{vw($size)};
  }
  .mr-#{$size} {
    margin-right: #{vw($size)};
  }
}
